import React, { Component } from 'react';
import styles from './live.css'; 

// import {globalQuery,globalPostQuery} from '../../services/global';
// import {getList_url,queryAlarm_url,setAlarm_url} from '../../services/ip';
 

import MapOl from '../../component/live/mapOl/mapOl';
import TimeChoose from '../../component/live/TimeChoose/TimeChoose';
import Elements from '../../component/live/Elements/Elements';
import Echarts from '../../component/live/Echarts/Echarts'; 
import ImgPlay from '../../component/live/ImgPlay/ImgPlay';
import TbaleCom from '../../component/live/Table/Table';
import LineTime from '../../component/live/LineTime/LineTime';

//实时监测
class Live extends Component {
  constructor(props){
    super(props);
    this.formRef = React.createRef();
    this.state={ 
    }
  }

     
  
   
  componentDidMount(){
      
  }

  render() { 
      const {leftdata,inputData} = this.state;
    return (
      <div className={styles.centerBox}>
           <div className={styles.mapBox}> 
                <MapOl />
            </div>
            <div className={styles.lineTimeBox}>
              <LineTime/>
            </div>
            <div className={styles.title}>雄安新区温度分布图 <span>2020-10-10 6h</span></div>
            <div className={styles.TimeChoose}>
                <TimeChoose/>  
            </div>
            <div className={styles.ElementsBox}>
                <Elements/>
            </div>
            <div className={styles.rightBox}> 
                <div className={styles.rightTitle1}>24小时雄安自动站实时变化趋势</div>
                <div className={styles.ehartsBox}>
                    <Echarts/>
                </div>
                <div className={styles.rightTitle2}>24小时雄安新区温度变化过程</div>
                <div className={styles.ImgBox}>
                    <ImgPlay/>
                </div>
                <div className={styles.rightTitle3}>过去一小时自动站观测数据</div>
                <div className={styles.TableBox}>
                    <TbaleCom/>    
                </div> 
            </div>
           
            
            
      </div>
    );
  }
}

export default Live;
